.jfk-scrollbar::-webkit-scrollbar {
	height: 16px;
	overflow: visible;
	width: 16px
}

.jfk-scrollbar::-webkit-scrollbar-button {
	height: 0;
	width: 0
}

.jfk-scrollbar::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
	border-width: 4px 0 0
}

.jfk-scrollbar::-webkit-scrollbar-track:hover {
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1)
}

.jfk-scrollbar::-webkit-scrollbar-track:active {
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0
		rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0
		rgba(0, 0, 0, .07)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
	background-color: rgba(255, 255, 255, .1);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover
	{
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:active {
	background-color: rgba(255, 255, 255, .1);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0
		rgba(255, 255, 255, .15)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active
	{
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0
		rgba(255, 255, 255, .15)
}

.jfk-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 6px;
	min-height: 28px;
	padding: 100px 0 0;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0
		rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
	border-width: 6px 1px 1px;
	padding: 0 0 0 100px;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0
		rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, .4);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:active {
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .3);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0
		rgba(255, 255, 255, .1)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset -1px 0 0
		rgba(255, 255, 255, .1)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, .6);
	box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .37)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:active {
	background-color: rgba(255, 255, 255, .75);
	box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5)
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track {
	border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:horizontal
	{
	border-width: 6px 0 1px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:hover {
	background-color: rgba(0, 0, 0, .035);
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0
		rgba(0, 0, 0, .07)
}

.jfk-scrollbar-borderless.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover
	{
	background-color: rgba(255, 255, 255, .07);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0
		rgba(255, 255, 255, .15)
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb {
	border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal
	{
	border-width: 6px 0 1px
}

.jfk-scrollbar::-webkit-scrollbar-corner {
	background: transparent
}

body.jfk-scrollbar::-webkit-scrollbar-track-piece {
	background-clip: padding-box;
	background-color: #f5f5f5;
	border: solid #fff;
	border-width: 0 0 0 3px;
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0
		rgba(0, 0, 0, .07)
}

body.jfk-scrollbar::-webkit-scrollbar-track-piece:horizontal {
	border-width: 3px 0 0;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0
		rgba(0, 0, 0, .07)
}

body.jfk-scrollbar::-webkit-scrollbar-thumb {
	border-width: 1px 1px 1px 5px
}

body.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
	border-width: 5px 1px 1px
}

body.jfk-scrollbar::-webkit-scrollbar-corner {
	background-clip: padding-box;
	background-color: #f5f5f5;
	border: solid #fff;
	border-width: 3px 0 0 3px;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14)
}